<template>
    <div class="home">
        <!--    轮播    -->
        <div class="block">
            <el-carousel height="728px" arrow="never" :interval="2500" indicator-position="none" class="banner">
                <el-carousel-item v-for="item in 5" :key="item">
                    <div>{{ item }}</div>
                </el-carousel-item>
            </el-carousel>
        </div>
        <!--    轮播    -->

        <!--    立即0元做广告    -->
        <!--<el-row class="btn_row">-->
            <!--<div class="btn" @click="open">{{ msg }}</div>-->
        <!--</el-row>-->
        <!--    立即0元做广告    -->

        <el-row class="home_wrap02">
            <el-row class="advantages">
                <el-col :span="4">
                    <img :src="t1_01" alt="">
                    <p  class="p1">0元投广告</p>
                    <p  class="p2">按效果付费更安心</p>
                </el-col>
                <el-col :span="5">
                    <img :src="t1_02" alt="">
                    <p  class="p1">大数据科学决策</p>
                    <p  class="p2">真正按需精准投放</p>
                </el-col>
                <el-col :span="5">
                    <img :src="t1_03" alt="">
                    <p  class="p1">效果实时反馈</p>
                    <p  class="p2">从过程到结果全程掌控</p>
                </el-col>
                <el-col :span="5">
                    <img :src="t1_04" alt="">
                    <p  class="p1">点对点数据传输</p>
                    <p  class="p2">区块链让交易、数据0风险</p>
                </el-col>
                <el-col :span="5">
                    <img :src="t1_05" alt="">
                    <p  class="p1">专业服务团队</p>
                    <p  class="p2">行业顶尖水准，效果有保障</p>
                </el-col>
            </el-row>
        </el-row>

        <!--    广告资源    -->
        <el-row class="home_wrap03">
            <el-row class="advertising">
                <el-row class="advertising_title">
                    <p>广告资源</p>
                    <p>我们可以为您解决什么问题？</p>
                    <img :src="hengxian" alt="">
                </el-row>

                <!--    活动策划    -->
                <el-row class="resource resource_01" :gutter="40">
                    <el-col :span="12" class="resource_content">
                        <p class="resource_titile">
                            活动策划
                        </p>
                        <p class="resource_text">最懂校园个性定制，品牌策划</p>
                        <p class="resource_text">依据校园人群行为分析，</p>
                        <p class="resource_text">找到品牌产品与学生的沟通枢纽点，</p>
                        <p class="resource_text">结合年轻人真正喜欢的视觉、互动、植入创意，</p>
                        <p class="resource_text">制定全面覆盖校园的品牌传播及效果转化的营销计划。</p>
                        <router-link to="/resources"><p class="more">查看更多 ></p></router-link>
                    </el-col>
                    <el-col :span="12">
                        <img :src="resource_01" width="100%" alt="">
                    </el-col>
                </el-row>
                <!--    活动策划    -->

                <!--    校园宣讲会  -->
                <el-row class="resource" :gutter="40">
                    <el-col :span="12">
                        <img :src="resource_02" width="100%" alt="">
                    </el-col>
                    <el-col :span="12"class="resource_content">
                        <p class="resource_titile">
                            校园宣讲会
                        </p>
                        <p class="resource_text">演示产品:客户选择举办活动的高校，由校果团队组织学生会（或社团）申请场地、展开活动、派发产品</p>
                        <p class="resource_text">推介理念：提供场地审批、物资制作、前期预热宣传、现场引导、收尾清场、结案反馈的一站化服务</p>
                        <p class="resource_text">体验式营销：全国1000所学校，每年上万场晚会品牌植入，让学生感知、了解品牌，最终形成二次传播</p>
                        <router-link to="/resources"><p class="more">查看更多 ></p></router-link>
                    </el-col>
                </el-row>
                <!--    校园宣讲会   -->

                <!--    校园路演  -->
                <el-row class="resource" :gutter="40">
                    <el-col :span="12" class="resource_content">
                        <p class="resource_titile">
                            校园路演
                        </p>
                        <p class="resource_text">大小型室内室外活动的场控、搭建</p>
                        <p class="resource_text">校果每年夏秋两季大型校园路演活动，企业可根据需要报名参加</p>
                        <p class="resource_text">为企业策划百城百校高校路演活动、活动赛事、产品推广、电影宣传，让你分分钟引爆高校市场</p>
                       <router-link to="/resources"><p class="more">查看更多 ></p></router-link>
                    </el-col>
                    <el-col :span="12">
                        <img :src="resource_01" width="100%" alt="">
                    </el-col>
                </el-row>
                <!--    校园路演   -->
            </el-row>
        </el-row>
        <!--    广告资源   -->

        <!--    关于我们    -->
        <el-row class="home_wrap04">
            <el-row class="about">
                <el-row class="about_title">
                    <p>关于我们</p>
                    <p>校果，一站式校园营销平台</p>
                    <img :src="hengxian" alt="">
                </el-row>
                <el-row class="about_content">
                    校果科技是一家专注于校园营销的一站式服务平台。通过大数据分析，筛选优质方案，让您的广告投放更加有效。校果采用自主采购的电商模式，企业可以通过校果平台选择期望的推广方式、周期、预算、目标效果，校果根据企业需求，智能生成校园推广方案。对于投放结果，及时送达企业。活动完成后，生成结案报告，一键分享。通过强大的技术支持，校果要做的不仅仅是投放，更要实现效果数据同步分析。为企业的营销推广保驾护航。
                </el-row>
            </el-row>
        </el-row>
        <!--    关于我们    -->

        <!--    合作伙伴    -->
        <el-row class="home_wrap05">
            <el-row class="paters">
                <el-row class="paters_title">
                    <p>合作伙伴</p>
                    <p>校果正在服务于他们</p>
                    <img :src="hengxian" alt="">
                </el-row>
                <el-row class="paters_content">
                    <img :src="paters" width="100%" alt="">
                </el-row>
            </el-row>
        </el-row>
        <!--    合作伙伴    -->
    </div>
</template>

<script>
    import t1_01 from '@/home/t1_01.jpg';
    import t1_02 from '@/home/t1_02.jpg';
    import t1_03 from '@/home/t1_03.jpg';
    import t1_04 from '@/home/t1_04.jpg';
    import t1_05 from '@/home/t1_05.jpg';
    import hengxian from '@/home/hengxian.png';
    import resource_01 from  '@/home/resource_01.png';
    import resource_02 from  '@/home/resource_02.png';
    import resource_03 from  '@/home/resource_03.png';
    import paters from '@/home/paters.png'
    export default {
         name: "home"
        ,data:function () {
            return {
                 t1_01      :t1_01
                ,t1_02      :t1_02
                ,t1_03      :t1_03
                ,t1_04      :t1_04
                ,t1_05      :t1_05
                ,hengxian   :hengxian
                ,resource_01:resource_01
                ,resource_02:resource_02
                ,resource_03:resource_03
                ,paters     :paters
                ,msg        :'立即0元做广告'
            }
        }
        ,methods:{
            open() {
                this.msg = '获取服务';
            }
        }
    }
</script>

<style scoped>
    .home{
        width: 100%;
    }
    .home .banner{
        background: antiquewhite;
    }
    .home_wrap02{
        background: #fafafa;
    }
    .home_wrap02 .advantages{
        max-width: 990px;
        height: 160px;
        margin: 50px auto;
    }
    .advantages .p1{
        color: #333333;
        font-size: 1.2em;
        margin-bottom: 0;
    }
    .advantages .p2{
        color: #666666;
        font-size: 1em;
        margin-top: 0;
    }

    /*  广告资源    */
    .home_wrap03{
        background: url("../../assets/img/home/bg_02.png") no-repeat;
        background-size: 100%;
    }
    .home_wrap03 .advertising{
        max-width: 990px;
        margin: 0 auto;
    }
    .home_wrap03 .advertising_title p:nth-child(1){
        font-size: 3em;
        margin:80px 0px 0px 0px;
    }
    .home_wrap03 .advertising_title p:nth-child(2){
        font-size: 1.2em;
        margin-top: 20px;
    }
    .home_wrap03 .resource{
        height: 400px;
        text-align: left;
        margin: 0 auto 80px auto;
    }
    .home_wrap03 .resource_01{
        margin-top: 80px;
    }
    .home_wrap03 .resource_content .resource_titile{
        font-size: 2.5em;
        letter-spacing:7px;
    }
    .home_wrap03 .resource_content .resource_text{
        font-size: 1.2em;
        color: #999999;
        font-weight: 300;
        line-height: 18px;
    }
    .home_wrap03 .resource_content .more{
        width: 110px;
        height: 36px;
        text-align: center;
        line-height: 36px;
        color: #fff;
        background-color: #1561f6;
        border-radius: 2px;
    }
    /*  广告资源    */

    /*  关于我们    */
    .home_wrap04{
        background: #fafafa;
    }
    .home_wrap04 .about{
        max-width: 990px;
        height: 446px;
        margin: 0 auto;
    }
    .home_wrap04 .about_title p:nth-child(1){
        font-size: 3em;
        margin:80px 0px 0px 0px;
    }
    .home_wrap04 .about_title p:nth-child(2){
        font-size: 1.2em;
        margin-top: 20px;
    }
    .home_wrap04 .about_content{
        margin-top: 60px;
        font-size: 1.2em;
        color: #999999;
        font-weight: 300;
    }
    /*  关于我们    */

    /*  合作伙伴    */
    .home_wrap05{
        background: url("../../assets/img/home/bg_03.png") no-repeat;
        background-size: 100%;
    }
    .home_wrap05 .paters{
        max-width: 990px;
        margin: 0 auto;
    }
    .home_wrap05 .paters_title p:nth-child(1){
        font-size: 3em;
        margin:80px 0px 0px 0px;
    }
    .home_wrap05 .paters_title p:nth-child(2){
        font-size: 1.2em;
        margin-top: 20px;
    }
    .home_wrap05 .paters_content{
        margin-bottom: 118px;
    }
    /*  合作伙伴    */
</style>